<div fxLayout="row" class="overview" fxFlexFill (window:resize)="onResize()">
  <div class="hd">
    <div class="hd-image" (dblclick)="ondblclick($event)">
      <img #img src="{{localhostPath}}/assets/images/circle1.png">
      <!--<md-icon svgIcon="assets:circle1" class="circle1"></md-icon>-->
      <div #round [ngStyle]="{'background-color':background}" class="yuan"></div>
      <!-- <img src="{{this.localhostPath}}/assets/images/yuan.png" class="yuan"> -->
      <!--<div class="midbox" [ngStyle]="{'background-color': background}">
        <p>             
            <i></i> 
          {{title}}
        </p>

      </div>-->
      <p>
        <!-- <img *ngIf="backgroundImg" [src]="this.localhostPath+'/assets/images/'+backgroundImg" alt=""> -->
        <i>
          <img *ngIf="backgroundImg" [src]="localhostPath+'/assets/images/'+backgroundImg" alt="">
        </i> {{title}}
      </p>
      <i class="line"></i>

    </div>
    <div class="bd">
      <i class="icon"></i>
      <ul>
        <li *ngFor="let item of terms let i = index" class="lis flex-center" (mouseenter)="enterPower(i)" (mouseleave)="leavePower()">

          <div class="pos" [ngClass]="{pos:true,hov:powerShow==i}"></div>
          <span class="flex-center" [ngStyle]="{color:background}">
            <em [ngStyle]="{color:color}">{{ (i == 5 ?item?.value?.value*ratio : item?.value?.value) | number:'1.0-2'}}</em>
            {{item.title}}{{item.unit?"("+item.unit+")":item.unit}}

          </span>

        </li>
      </ul>
      <s></s>
    </div>

  </div>

</div>